import styled from "styled-components";

export const SideMenuContainer = styled.div`
  padding:1.5rem 0;
  position: relative;
  height:100%;
  width:100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
`
export const SideMenuWrapper = styled.div`
  position: relative;
  height:100%;
  width:100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;

  overflow-x: hidden;
  overflow-y: scroll;

  ::-webkit-scrollbar {
    background: transparent;
    width: 0.4rem;
  }

  &:hover::-webkit-scrollbar-thumb {
    border-radius: 2rem;
    background: rgb(199, 174, 178);
  }

`